define({
  "animationDelayUpdate": "function(e){return 5*e}",
  "animationEasing": "elasticOut",
  "color": [
    "#02a8f5",
    "#90ed7e",
    "#e3dc1b",
    "#f79628",
    "#ab5ee6",
    "#f26f92",
    "#1970fc",
    "#637bff",
    "#13d1c1",
    "#22d47e"
  ],
  "grid": {
    "bottom": 10,
    "containLabel": true,
    "left": 10,
    "right": 10,
    "top": 36
  },
  "legend": {
    "data": [
      "在线数",
      "离线数"
    ],
    "orient": "horizontal",
    "right": "5%",
    "show": true,
    "textStyle": {
      "color": "#fff",
      "fontSize": 12
    },
    "top": "top"
  },
  "padding": {
    "bottom": 0,
    "left": 0,
    "right": 0,
    "top": 0
  },
  "series": [
    {
      "areaStyle": {
        "normal": {
          "color": null,
          "opacity": 0,
          "show": false
        }
      },
      "data": [
        "15268",
        "15102",
        "15189",
        "16719",
        "14957",
        "16580",
        "16602"
      ],
      "label": {
        "normal": {
          "formatter": "{c}",
          "position": "inside",
          "show": false,
          "textStyle": {
            "color": "#fff",
            "fontSize": 12
          }
        }
      },
      "lineMode": "curve",
      "name": "在线数",
      "showSymbol": true,
      "smooth": 0.3,
      "step": false,
      "symbol": "circle",
      "symbolSize": 5,
      "type": "line",
      "z": 10
    },
    {
      "areaStyle": {
        "normal": {
          "color": null,
          "opacity": 0,
          "show": false
        }
      },
      "data": [
        "576",
        "742",
        "653",
        "645",
        "2407",
        "784",
        "762"
      ],
      "label": {
        "normal": {
          "formatter": "{c}",
          "position": "inside",
          "show": false,
          "textStyle": {
            "color": "#fff",
            "fontSize": 12
          }
        }
      },
      "lineMode": "curve",
      "name": "离线数",
      "showSymbol": true,
      "smooth": 0.3,
      "step": false,
      "symbol": "circle",
      "symbolSize": 5,
      "type": "line",
      "z": 10
    }
  ],
  "textStyle": {
    "color": "#fff"
  },
  "title": {
    "textStyle": {
      "color": "#ffffff",
      "fontSize": 12
    }
  },
  "toolbox": {
    "show": true
  },
  "tooltip": {
    "axisPointer": {
      "shadowStyle": {
        "color": "rgba(2, 44, 76, 0.3)"
      },
      "type": "shadow",
      "z": -1
    },
    "trigger": "axis"
  },
  "xAxis": {
    "axisLabel": {
      "margin": 8,
      "rotate": 0,
      "show": true,
      "textStyle": {
        "color": "#70C3FA",
        "fontSize": 12,
        "opacity": 100
      }
    },
    "axisLine": {
      "lineStyle": {
        "color": "#236592",
        "opacity": 100,
        "width": 1
      },
      "onZero": true,
      "show": true
    },
    "axisTick": {
      "show": false
    },
    "boundaryGap": false,
    "data": [
      "2018-05-02",
      "2018-05-03",
      "2018-05-04",
      "2018-05-05",
      "2018-05-06",
      "2018-05-07",
      "2018-05-08",
      "2018-05-12" //当有和下次切换数据一样的横坐标时,会干扰下次数据渲染,把setOption参2设为true在本地可以,可是在项目里面不行
      // "2018-05-13",
      // "2018-05-14",
      // "2018-05-15",
      // "2018-05-16",
      // "2018-05-17",
      // "2018-05-18"
    ],
    "nameTextStyle": {
      "color": "#fff",
      "fontSize": 12,
      "opacity": 1
    },
    "seperate": "auto",
    "splitLine": {
      "lineStyle": {
        "color": "#236592",
        "opacity": 1
      },
      "show": true
    }
  },
  "yAxis": [
    {
      "axisLabel": {
        "margin": 8,
        "rotate": 0,
        "show": true,
        "textStyle": {
          "color": "#70C3FA",
          "fontSize": 12,
          "opacity": 100
        }
      },
      "axisLine": {
        "lineStyle": {
          "color": "#236592",
          "opacity": 100,
          "width": 1
        },
        "onZero": false,
        "show": true
      },
      "axisTick": {
        "show": false
      },
      "interval": null,
      "max": null,
      "min": null,
      "nameTextStyle": {
        "color": "#fff",
        "fontSize": 12,
        "opacity": 1
      },
      "splitLine": {
        "lineStyle": {
          "color": "#236592",
          "opacity": 1
        },
        "show": true
      }
    },
    {
      "axisLabel": {
        "margin": 8,
        "show": false,
        "textStyle": {
          "color": "#70C3FA",
          "fontSize": 12,
          "opacity": 100
        }
      },
      "axisLine": {
        "lineStyle": {
          "color": "#236592",
          "opacity": 100,
          "width": 1
        },
        "onZero": false,
        "show": false
      },
      "axisTick": {
        "show": false
      },
      "splitLine": {
        "lineStyle": {
          "color": "#236592",
          "opacity": 1
        },
        "show": false
      }
    }
  ]
})